<template>
	<view class="payrecorddetails">
		<view class="content">
			<view class="content-price">
				<view class="price">
					-500.00
				</view>
				<view class="">
					国家电力公司
				</view>
			</view>
		</view>
		<view class="status">
			<view class="left">
				<view class="">
					支付状态
				</view>
				<view class="">
					支付方式
				</view>
				<view class="">
					支付时间
				</view>
				<view class="">
					支付单号
				</view>
			</view>
			<view class="right">
				<view class="">
					支付成功
				</view>
				<view class="">
					微信支付
				</view>
				<view class="">
					2020-12-26 10:06:45
				</view>
				<view class="">
					CZ202012261006450001
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>

</script>

<style lang="scss">
	.payrecorddetails {
		padding: 30rpx;

		.content {
			height: 300rpx;
			position: relative;
			border-bottom: 2rpx solid #f2f2f2;

			.content-price {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);

				.price {
					color: #f46363;
					font-size: 50rpx;
					margin-bottom: 10rpx;
				}
			}
		}

		.status {
			display: flex;
			margin-top: 20rpx;

			.left {
				font-size: 28rpx;
				color: #aaaaaa;
				margin-right: 30rpx;
				line-height: 70rpx;
			}

			.right {
				font-size: 28rpx;
				line-height: 70rpx;
			}
		}
	}
</style>